<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>ajax请求使用json格式数据</title>
<%--    <script src="js/jquery-3.5.1.js"></script>--%>
    <script type="text/javascript" src="js/jquery-3.5.1.js"></script>
    <script>
        $(function () {
            $("#btn").click(function () {
                //获取dom的value值
                let proid=$("#proid").val();
                //发起ajax请求
                $.ajax({
                    url:"queryProvinceServlet",
                    data:{"proid":proid},
                    dataType:"json",
                    success:function (data) {
                        // alert(data)
                        $("#proname").val(data.name)
                        $("#projiancheng").val(data.jiancheng)
                        $("#proshenghui").val(data.shenghui)
                    }
                })
            })
        })

    </script>
</head>
<body>
<p>ajax请求使用json格式数据</p>
<table>
    <tr>
        <td>省份编号：</td>
        <td>
            <input type="text" id="proid">
            <input type="button" value="搜索" id="btn">
        </td>
    </tr>
    <tr>
        <td>省份名称：</td>
        <td><input type="text" id="proname"></td>
    </tr>
    <tr>
        <td>省份简称：</td>
        <td><input type="text" id="projiancheng"></td>
    </tr>
    <tr>
        <td>省份省会：</td>
        <td><input type="text" id="proshenghui"></td>
    </tr>
</table>
</body>
</html>
